CSS Grid lay-out
Inleiding
Lay-outs zijn gemakkelijk te maken met behulp van rasters (grids). Tot nu toe beschikte het web niet over een grid. Er werden daarom allerlei methoden en hacks uitgeprobeerd om een webpagina in een rooster weer te geven. Het begon met op tabellen gebaseerde lay-outs, gevolgd door op float gebaseerde lay-outs. Maar dit zijn enkel nepoplossingen omdat tabellen en float niet bedoeld waren om lay-outs te maken.
CSS Grid beschikt over een reeks eigenschappen die ons toelaten:
- gridstructuren te maken;
- de grootte en de plaats van grid-items te bepalen;
We kunnen media-queries gebruiken om onze rasters aan te passen aan verschillende contexten.
Grid wordt ook geleverd met een krachtig algoritme voor zelfplaatsing, waardoor het gemakkelijker wordt om een ruimte te vullen zonder al te veel gecompliceerde berekeningen te moeten maken.
Inhoud